<template>
	<view class="">
		<view class="content" :style="{'margin-top':capsuleTop}">
			<web-view :webview-styles="webviewStyles" :src="src"></web-view>
		</view>
	</view>

</template>
<script>
	export default {
		data() {
			return {
				capsuleTop: uni.getMenuButtonBoundingClientRect().top + 35.5 + 'px',
				clsoeImg: 'https://tunquanquan.Com/CloudPhoneMain/v1/applet/loadImg?path=static/money/close.png',
				webviewStyles: {
					progress: {
						color: '#0DA297'
					}
				},
				src: '',

			}
		},
		onShareAppMessage: function() {},
		onLoad(options) {
			this.src = JSON.parse(decodeURIComponent(options.url));
			console.log(this.src);
		},
		onUnload() {

		},
		methods: {
			close() {
				uni.navigateBack();
			},
		}
	}
</script>
<style scoped>
	.content {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 27rpx 0;
		width: 750rpx;
		height: 1624rpx;
		background: #F3F4F9;
	}
</style>